<template>
  <div class="back-set">
    <van-nav-bar
      title="设置"
      left-text=""
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="safeBack">
      <p>账号和安全中心</p>
    </div>
    <van-button type="info" color="#fdd348" size="normal" block to="/enter" @click="backMy"
      >退出登录</van-button
    >
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    onClickLeft() {
      /* Toast('返回'); */
      //this.$router.back()
      //this.$router.go(-1)
      this.$router.push("/home/my");
    },
    backMy(){
      sessionStorage.clear("uid");
      this.$router.push("/home/my");
    }
    
  },
};
</script>

<style lang="scss">
.back-set {
  .van-tabs__wrap {
    height: 90px;
  }
  .van-tabs__nav--card {
    height: 80px;
  }
  .van-nav-bar .van-icon {
    color: #000000;
  }
  .van-nav-bar__content {
    height: 100px;
  }
  .van-nav-bar__arrow {
    font-size: 45px;
  }
  .van-nav-bar__title {
    font-size: 32px;
  }
  .van-ellipsis {
    overflow: unset;
  }
  .safeBack {
    height: 150px;
    line-height: 150px;
    font-size: 30px;
    border: 1px solid rgba(128, 128, 128, 0.459);
  }
  .safeBack p {
    margin-left: 60px;
  }
  .van-button {
    height: 120px;
  }
  .van-button--normal {
    font-size: 40px;
  }
  .van-button--block {
    margin-top: 40px;
  }
}
</style>
